<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	<!-- 表单标签 -->
	<!-- placeholder 文本框中的 提示 所有可以输入的标签都能用 -->
	<!-- disabled 禁用 -->
	<!-- value 设置默认值 输入框使用 -->
	<!-- checked 用于 单选框 或复选框的 默认选中 -->
	<!-- selected 默认选中下拉框中的值 -->
	<form>
		账号：
		<input type="text" name="" placeholder="请输入您的账号" value="123456">
		<!-- type -->
			<!-- text 文本输入框 什么都能输入 -->
			<!-- password 密码输入框 输入内容对外不可见 -->
			<!-- radio 单选框 name 可以用来组成单选框组 产生互斥效果 -->
			<!-- checkbox 多选框 -->
		<br>
		密码：
		<input disabled type="password" name="" placeholder="请输入您的密码">
		<br>   <!-- 换行 -->
		性别：
		<input type="radio" name="sex" id="a" checked>
		<!-- input 里面创建id 属性 label 里面创建 for 选择 -->
		<label for="a">男</label>
		<input type="radio" name="sex" id="b" >
		<label for="b">女</label>
		<br>
		爱好：
		<input type="checkbox" name="" id="c" checked>
		<label for="c">三角洲</label>
		<input type="checkbox" name="" id="yxlm">
		<label for="yxlm">英雄联盟</label>
		<input type="checkbox" name="" id="csgo">
		<label for="csgo">csgo</label>
		<br>
		<!-- 文本域 能多行输入的文本框 -->
		建议：
		<!-- cols 宽 -->
		<!-- rows 高 -->
		<textarea cols="45" rows="5" placeholder="请输入您的账号"></textarea>
		<br>
		<!-- 下拉框 -->
		<!-- selected 默认选中下拉框中的值 -->
		身高：
		<select>
			<!-- 一个option 代表一个选项 -->
			<option>150 cm</option>
			<option>155 cm</option>
			<option>160 cm</option>
			<option>165 cm</option>
			<option>170 cm</option>
			<option>175 cm</option>
			<option selected>180 cm</option>
			<option>185 cm</option>
		</select>

		体重：
		<select>
			<optgroup label="L">
				<option>90斤</option>
				<option>100斤</option>
			</optgroup>
			<optgroup label="XL">
				<option>110斤</option>
				<option>120斤</option>
			</optgroup>
			<optgroup label="XXL">
				<option>140斤</option>
				<option>150斤</option>
			</optgroup>
			<optgroup label="XXXL">
				<option>200斤</option>
				<option>220斤</option>
			</optgroup>
		</select>
		<br>


		<input type="submit" name="" value="提交">
		<input type="reset" name="" value="重置">
		<!-- 以上两个专门给 from 标签使用的 -->
		<button type="button">我是普通按钮 可以单独使用</button>
		<!-- button 使用场景更多一点 -->
	</form>
	<!-- 可以单独使用 不是组合标签 -->
	<!-- 写在form 是为了在js 中方便获取数据 和方便重置表单 -->
	<input type="text" name="">
	<button>按钮</button>
</body>
</html>